<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{article.title}}</title>
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="/static/css/view.css" rel="stylesheet">
    <link href="/static/css/media.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/editor/css/editormd.preview.css" />
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/myfocus-2.0.4.min.js"></script>

    <script src="/static/editor/lib/marked.min.js"></script>
    <script src="/static/editor/lib/prettify.min.js"></script>
    <script src="/static/editor/lib/raphael.min.js"></script>
    <script src="/static/editor/lib/underscore.min.js"></script>
    <script src="/static/editor/lib/sequence-diagram.min.js"></script>
    <script src="/static/editor/lib/flowchart.min.js"></script>
    <script src="/static/editor/lib/jquery.flowchart.min.js"></script>
    <script src="/static/editor/editormd.js"></script>
    <!--[if lt IE 9]>
    <script src="/static/js/modernizr.js"></script>
    <![endif]-->


</head>
<body>
{% include "head.html" %}
    <article>
      <div class="l_box f_l">
        <div class="topnews">
          <div class="news_title">{{article.title}}</div>
          <div class="news_author"><span class="au01">{{article.user}}</span><span class="au02">{{article.created_time}}</span><span class="au03">共<b>118</b>人围观</span></div>
          <div class="tags"><a href="/" target="_blank">{{article.category}}</a></div>
          <div class="news_about"><strong>简介</strong>{{article.intro}}</div>
          <div class="news_content">
            <ul>
              <div id='editormd-view'>
                <textarea id="append-test" style="display:none;">
                  {{ article.body }}
                </textarea>
            </div>
            </ul>
          </div>
          <div class="nextinfo">
            <p>上一篇：<a href="/" ></a></p>
            <p>下一篇：<a href="/"></a></p>
          </div>
          <div class="news_pl">
            <h2>文章评论</h2>
            <ul>
            </ul>
          </div>
        </div>
      </div>
      <div class="r_box f_r">
          <div class="moreSelect" id="lp_right_select">
      <script>
      window.onload = function ()
      {
          var oLi = document.getElementById("tab").getElementsByTagName("li");
          var oUl = document.getElementById("ms-main").getElementsByTagName("div");

          for(var i = 0; i < oLi.length; i++)
          {
              oLi[i].index = i;
              oLi[i].onmouseover = function ()
              {
                  for(var n = 0; n < oLi.length; n++) oLi[n].className="";
                  this.className = "cur";
                  for(var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
                  oUl[this.index].style.display = "block"
              }
          }
      }
      </script>
      <div class="ms-top">
        <ul class="hd" id="tab">
          <li class="cur"><a href="/">点击排行</a></li>
          <li><a href="/">最新文章</a></li>
          <li><a href="/">站长推荐</a></li>
        </ul>
      </div>
      <div class="ms-main" id="ms-main">
        <div style="display: block;" class="bd bd-news" >
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
        <div  class="bd bd-news">
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
        <div class="bd bd-news">
          <ul>
            {% for article in articles %}
                <li><a href="/getArticleById/{{article.id}}" target="_blank">{{article.title}}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
      <!--ms-main end -->
    </div>

        <div class="cloud">
          <h3>标签云</h3>
          <ul>
            {% for tag in tags %}
              <a href="/getArticleByTag/{{tag.id}}">{{tag.tagsName}}</a>
            {% endfor %}
          </ul>
        </div>

      </div>
</article>
<script type="text/javascript">
$(function(){
    editormd.markdownToHTML("editormd-view", {
        htmlDecode: "style, script, iframe",
        emoji: true,
        taskList:true,
        tex:true,
        flowChart:true,
        sequenceDiagram : true,
    });
});
</script>
{% include "footer.html" %}
</body>
</html>